/* 顶部导航栏 */

* {
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
}

header {
    background-color: #3a3e45;
}

.same {
    width: 1150px;
    margin: 0 auto;
}

.header_nav {
    height: 40px;
}

.nav_left {
    float: left;
}

.nav_left a {
    padding: 12px;
    font-size: 14px;
    line-height: 40px;
    color: #adb2c0;
    outline: 0;
    position: relative;
}

.nav_left a:nth-of-type(1) {
    padding-left: 0;
}

.nav_left a:nth-of-type(1):hover,
.nav_left a:nth-of-type(7):hover,
.nav_left a:nth-of-type(8):hover,
.nav_left a:nth-of-type(11):hover,
.nav_left a:nth-of-type(13):hover {
    text-decoration: underline;
    background-color: #3a3e45;
    border-bottom: 0;
}

.nav_left a:hover {
    background-color: #2f333b;
    border-bottom: 1px solid #2f333b;
}

.nav_left a:hover ul {
    display: block;
}

.nav_left ul {
    background-color: #2f333b;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
    min-width: 124px;
    padding-bottom: 6px;
    display: none;
    box-shadow: 0 24px 40px -24px rgba(0, 0, 0, .1);
}

.nav_left ul li {
    display: block;
    padding: 0 15px;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    white-space: nowrap;
}

.nav_left ul li:hover {
    background-color: #fed243;
    color: #333;
}

.nav_left .nav_app {
    padding: 14px 0;
    width: 124px;
    text-align: center;
}

.nav_left .nav_app li>img {
    width: 100%;
    height: 100%;
}

.header_nav .nav_right {
    float: right;
    margin-top: 10px;
}

.nav_right a {
    margin-right: 10px;
    font-size: 14px;
    color: #adb2c0;
}

.nav_right a:nth-of-type(1) {
    border-right: 2px solid #adb2c0;
    padding-right: 15px;
    margin-left: 20px;
}


/* logo部分 */

.logo {
    height: 105px;
    /* background-color: pink; */
}

.logo_plate {
    margin: 24px 0 36px;
    float: left;
    position: relative;
    width: 193px;
    height: 40px;
    background: url(../img/icons-logo.png) no-repeat 0 -40px;
}

.select-city {
    position: absolute;
    top: 17px;
    right: auto;
    bottom: auto;
    left: 120px;
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    color: #666;
}

.nav_plate {
    float: left;
    height: 44px;
    margin: 28px 0 0 10px;
}

.nav_plate a {
    float: left;
    margin: 0 8px;
    padding: 10px;
    font-size: 16px;
    color: grey;
}

.nav_plate #dangqianye {
    font-weight: 700;
    color: #333;
}

.nav_plate a:hover {
    color: #ffb200;
}

.search-plate {
    width: 481px;
    height: 43px;
    border: 1px solid #eaeaea;
    position: relative;
    margin-top: 27px;
    margin-right: 10px;
    background-color: #f5f5f5;
    border-radius: 4px;
    float: right;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.search-plate .keywords {
    padding: 14px 20px 13px;
    width: 363px;
    font-size: 14px;
    color: #333;
    border: 0;
    background-color: transparent;
}

.search-plate .search-btn i {
    color: #ffb200;
    font-size: 30px;
    margin-right: 8px;
}


/* 出售信息标题 */

.detail_head {
    height: 135px;
    background-color: #fafafa;
}

.title-wrapper .left-con {
    margin-top: 32px;
    float: left;
    width: 880px;
}

.title-wrapper .house-title {
    min-width: 500px;
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-wrapper .left-con .onsell {
    background-color: #ffb200;
    padding: 5px 10px;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
}

.title-wrapper .left-con .house-tags {
    display: flex;
    align-items: center;
    justify-self: start;
}

.left-con .house-tags .items {
    margin: 4px 10px 0 0;
    padding: 0 12px;
    font-size: 12px;
    line-height: 30px;
    color: #849aae;
    background-color: #f4f7f9;
}

.detail-btns {
    margin-top: 32px;
    float: right;
    margin-right: 54px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-btns .btn-tel-order a,
.detail-btns .focus-on-housing a {
    display: inline-block;
    width: 114px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
}

.detail-btns .focus-on-housing a {
    display: none;
}

.detail-btns .focus-on-housing a.afocuson {
    display: block;
}

.detail-btns .btn-tel-order a {
    color: #ffb200;
    margin-left: 18px;
    margin-right: 10px;
}


/* 指南导航栏 */

.detail-guide {
    padding: 15px 0;
}

.detail-guide .link_inner a {
    font-size: 12px;
    color: #999;
}

.detail-guide .link_inner a:hover {
    color: #ffb200;
}

.detail-guide .link_inner>a:hover .iconfont {
    display: inline-block;
    transform: rotate(180deg);
}

.link_inner>a:hover .links-layer {
    display: block;
    z-index: 10;
}

.link_inner i {
    margin: 4px 10px 0;
    font-size: 12px;
    color: #999;
}

.link_inner .cur {
    color: #333;
}

.link_inner .cities_layer {
    position: relative;
}

.cities_layer .links-layer {
    position: absolute;
    width: 480px;
    top: 18px;
    left: 0;
    display: none;
}

.links-layer .cities-opts {
    width: 480px;
    padding: 0 0 15px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.links-layer .cities-opts li {
    margin-top: 5px;
    margin-bottom: 6px;
}

.links-layer .cities-opts li em {
    margin: 10px 10px 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    border-radius: 50%;
    background-color: #eaeaea;
    color: #999;
}

.links-layer .cities-opts li span {
    color: #999;
}

.links-layer .cities-opts li span:hover {
    text-decoration: underline;
}


/* 图片+价格信息 */

.head_info {
    height: 590px;
}


/* 轮播图 */

.swiperCon {
    float: left;
    width: 712px;
    height: 591px;
}

.gallery-top {
    float: left;
    width: 712px;
    height: 425px;
}

.gallery-top .swiper-button-next,
.gallery-top .swiper-button-prev {
    background-color: rgba(0, 0, 0, .3);
    display: none;
    background-size: 16px 44px;
    height: 60px;
    width: 35px;
    transition: 0.3s linear;
}

.gallery-top:hover .swiper-button-next,
.gallery-top:hover .swiper-button-prev {
    display: block;
}

.gallery-thumbs {
    width: 712px;
    /* background-color: aqua; */
    margin: 0 10px;
    display: inline-block;
}

.gallery-thumbs .swiper-wrapper {
    width: 630px;
}

.gallery-thumbs .swiper-wrapper .swiper-slide {
    margin-right: 9px;
    width: 147px;
    height: 120px;
    background-size: 153px 120px;
    background-color: hsla(0, 0%, 100%, .5);
}

.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev {
    height: 120px;
    width: 38px;
    cursor: pointer;
    background-color: #232835;
    top: 16%;
    background-size: 14px 44px;
}

.swiperCon .swiper-button-prev {
    left: 0;
}

.swiperCon .swiper-button-next {
    right: 0;
}

.vr-tips {
    float: left;
    display: flex;
    align-items: center;
    justify-content: start;
}

.vr-text {
    float: left;
    margin-left: 10px;
    color: #666
}

.vr-tips .vr-show {
    margin-left: 300px;
    font-size: 14px;
}


/* 右边商品信息内容 */

.infoCon {
    float: right;
    margin-left: 27px;
    width: 411px;
    background-color: #fff;
}


/* 价格信息  */

.info_price {
    margin-top: 0px;
    border-bottom: 1px solid #eaeaea;
    height: 89px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
}

.info_price .price_box dt span {
    margin-right: 10px;
    font-size: 16px;
    color: #999;
}

.info_price .price_box dt .number {
    font-size: 52px;
    color: #ff460d;
}

.info_price .price_box .unit {
    margin: 44px 0 0 2px;
    font-size: 14px;
    color: #ff460d;
}

.info_price .price_box .price-date {
    color: #ccc;
    font-size: 12px;
}

.price_reduction {
    margin-right: 30px;
    color: #4285f4;
}


/* 列表信息 */

.head-list {
    margin: 20px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}

.fl {
    float: left;
}

.head-list .items {
    padding: 3px 0;
    font-size: 14px;
    width: 100%;
    height: 30px;
}

.head-list .items .field {
    width: 85px;
    color: #999;
}

.head-list .items .text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#open_notice_btn {
    font-size: 14px;
    color: #4285f4;
    cursor: pointer;
}

#open_notice_btn i {
    margin-left: 20px;
}


/* 电话号码 */

.fr {
    float: right;
}

.head_phone {
    background-color: #fff;
    z-index: 6;
    display: flex;
    justify-content: start;
    align-items: center;
}

.head_phone .tel-num {
    padding: 20px 0 15px;
    color: #ffb200;
    margin-left: 5px;
}

.head_phone .tel-num .number {
    font-size: 26px;
    font-weight: 700;
}

.head_phone .tel-num .zhuan {
    position: relative;
    top: -3px;
    font-size: 16px;
    padding: 0 5px;
}

.head_phone .detail-btns {
    margin-top: -10px;
}

.xiaochengxu {
    margin-left: -20px;
}

.xiaochengxu .text {
    margin-top: 3px;
    font-size: 12px;
    color: #999;
    text-align: center;
}


/* 吸顶 */

.ceiling_suction {
    z-index: 50;
    background-color: rgba(39, 45, 60, .96);
    display: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    width: 100%;
}

.ceiling_fixed {
    height: 48px;
}

.ceiling_fixed a {
    float: left;
    line-height: 48px;
    font-size: 16px;
    color: #79829a;
    padding-right: 40px;
}

.ceiling_fixed a.on {
    color: #fff;
}

.ceiling_fixed a:hover {
    color: #fff;
    text-decoration: none;
}


/* 主体内容 */

main {
    overflow: hidden;
}


/* 楼盘优惠 */

.House_type .preferential-list .items {
    position: relative;
    margin-bottom: 20px;
    min-height: 100px;
    background-color: #fffaea;
    background: -webkit-linear-gradient(357deg, #fff9e3, #fff);
    background: linear-gradient(93deg, #fff9e3, #fff);
    border: 1px solid #f8e8bb;
    border-radius: 5px;
    width: 712px;
}

.preferential-list .items .circle-top {
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 480px;
    z-index: 1;
    width: 14px;
    height: 7px;
    background: url(../img/icons-involvement-process.png) -69px -88px no-repeat;
}

.preferential-list .items .circle-bottom {
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1px;
    left: 480px;
    z-index: 1;
    width: 16px;
    height: 8px;
    background: url(../img/icons-involvement-process.png) -69px -75px no-repeat;
}

.preferential-list .main {
    width: 415px;
    margin-left: 18px;
}

.preferential-list .main .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 15px 0 5px;
}

.preferential-list .main .title .link {
    font-size: 18px;
    font-weight: 700;
    color: #633a00;
}

.preferential-list .main .description {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: inherit;
    max-height: 40px;
    line-height: 20px;
    color: #af9d83;
    font-size: 12px;
}

.preferential-list .side {
    text-align: center;
}

.preferential-list .side .btn-get {
    vertical-align: top;
    display: inline-block;
    margin: 20px -5px 10px 0;
    width: 165px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    color: #831415;
    text-align: center;
    background-color: #ffda3b;
    background: linear-gradient(90deg, #ffed74, #ffc600);
    border-radius: 6px;
}

.preferential-list .side .date {
    color: #bbae9f;
    margin-right: 10px;
}


/* 户型图 */

.House_type {
    /* background-color: pink; */
    margin-top: 30px;
}

.House_type_list ul .dn {
    display: none;
}


/* 户型标题 */

.house_title {
    width: 712px;
    height: 102px;
    clear: both;
    position: relative;
    margin-bottom: 30px;
    line-height: 102px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}

.save_to_phone {
    font-size: 14px;
    color: #4285f4;
    cursor: pointer;
    position: relative;
    font-weight: 400;
}

.save_to_phone:hover .save_to_box {
    display: block;
}

.save_to_box {
    display: none;
    position: absolute;
    top: 64px;
    left: -44px;
    z-index: 1;
    width: 170px;
    background-color: red;
}

.save_to_box {
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}

.save_to_box img {
    width: 116px;
    height: 116px;
    margin: 15px 25px 10px;
}

.save_to_box .text {
    margin: 5px 0 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #333;
}


/* 户型图选项卡 */

.select-tabs {
    position: relative;
    margin: -8px 0 25px;
    height: 34px;
}

.select-tabs .items.active {
    color: #ffb200;
    border-color: #ffb200;
}

.select-tabs .items {
    color: #333;
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-right: 38px;
    border-bottom: 2px solid #fff;
}


/* 户型图列表 */

.House_type_list {
    width: 712px;
    /* background-color: seagreen; */
    display: none;
    overflow: hidden;
}

.House_type_list.on {
    display: block;
}

.House_type_list li {
    padding: 30px 0;
    height: 137px;
    border-bottom: 1px dashed #eee;
    background-color: #fff;
}

.House_type_list li:hover {
    background-color: #fafafa;
}

.House_type_list .newhs-dmf-photo {
    position: relative;
    z-index: 2;
    width: 178px;
    height: 134px;
    border: 1px solid #eee;
}

.vr-wrap-position .vr {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
}

.vr-wrap-position {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 10px;
    left: 10px;
    z-index: 1;
    width: 34px;
    height: 34px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 50%;
}

.House_type_list .newhs-dmf-center {
    padding-left: 20px;
    width: 512px;
}

.House_type_list .newhs-dmf-center .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    float: left;
    margin-top: -4px;
    max-width: 466px;
    font-size: 18px;
    font-weight: 700;
}

.House_type_list .newhs-dmf-center .title .onsell {
    background-color: #ffb200;
    padding: 2px 6px;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
}

.House_type_list .newhs-dmf-price {
    font-size: 12px;
    color: #ffb200;
    line-height: 26px;
}

.House_type_list .newhs-dmf-price span {
    font-weight: 800;
    font-size: 30px;
}

.House_type_list .newhs-dmf-right {
    float: left;
    padding-top: 12px;
    padding-bottom: 6px;
    width: 512px;
    height: 58px;
}

.House_type_list .newhs-dmf-comm {
    padding: 4px 18px 4px 0;
    font-size: 14px;
    white-space: nowrap;
}

.House_type_list .newhs-dmf-comm span {
    color: #999;
}

.House_type_list .recalculate-mortgage a {
    padding: 4px 0 0 10px;
    color: #666;
    font-size: 12px;
}

.House_type_list .tags .tag-item {
    float: left;
    margin: 4px 10px 0 0;
    padding: 0 12px;
    font-size: 12px;
    line-height: 30px;
    color: #849aae;
    background-color: #f4f7f9;
}


/* 点击出现剩下的列表 */

.remaining-list {
    width: 710px;
    position: relative;
    padding: 12px 0;
    text-align: center;
    border: 1px solid #eee;
    cursor: pointer;
    top: -1px;
}

.remaining-list a {
    padding-right: 10px;
    font-size: 14px;
    color: #666;
}

.remaining-list i {
    padding-left: 10px;
    width: 10px;
    height: 5px;
}


/* 动态时间线 */

.dynamic-tree {
    width: 712px;
}

.dynamic-tree .dynamic-tree-item {
    height: 128px;
}

.dynamic-tree-item .date {
    width: 72px;
    text-align: right;
}

.dynamic-tree-item .date span {
    font-size: 15px;
}

.dynamic-tree-item .date em {
    color: #ccc;
    font-size: 12px;
}

.dynamic-tree-item .con {
    position: relative;
    width: 578px;
    margin-left: 30px;
    padding-left: 30px;
    border-left: 2px solid #ddd;
}

.dynamic-tree-item .node-circle {
    position: absolute;
    left: -17px;
    top: 2px;
    width: 29px;
    height: 29px;
    line-height: 29px;
    background-color: #fff;
    border: 2px solid #fff;
}

.dynamic-tree-item .node-circle i {
    position: relative;
    left: -3px;
    top: -3px;
    font-size: 34px;
    color: #ccc;
}

.dynamic-tree-item .dynamic-tree-con {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #eee;
}

.dynamic-tree-item .dynamic-tree-con .arrow {
    position: absolute;
    left: -7px;
    top: 12px;
    width: 7px;
    height: 12px;
    background-position: -356px -305px;
}

.icons_saledetails {
    background-image: url(../img/icons_saledetails.gif);
}

.dynamic-tree-item .dynamic-tree-con .title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}

.dynamic-tree-item .dynamic-tree-text {
    position: relative;
    min-height: 40px;
}

.more-dynamic {
    width: 710px;
    margin-top: 30px;
    font-size: 14px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #eee;
    cursor: pointer;
}


/* 楼盘动态 */


/* 表格信息 */

.House_type .house-info {
    width: 712px;
    margin: -15px 0 20px;
    overflow: hidden;
}

.house-info .field-frontend {
    display: inline-block;
    padding: 12px 0;
    width: 110px;
    font-size: 14px;
    color: #aeaeae;
}

.house-info .arrange-list {
    float: left;
    padding-bottom: 10px;
    margin: 0;
    width: 602px;
    border-bottom: 1px solid #eee;
}

.arrange-list .items {
    padding: 12px 0;
    width: 50%;
    font-size: 14px;
}

.house-info .arrange-list .items .field {
    width: 105px;
    color: #999;
}

.arrange-list .items .text {
    overflow: hidden;
    padding-right: 15px;
}


/* 周边配套 地图 */

.anchor-title {
    height: 102px;
    overflow: visible;
}

.anchor-title,
.anchor-title-tabs {
    clear: both;
    overflow: hidden;
    position: relative;
    margin-top: 42px;
    margin-bottom: 30px;
    line-height: 102px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
}

.House_type .anchor-title #mapPoiTab {
    padding-bottom: 35px;
    font-weight: bold;
    color: #333;
    border-bottom: 3px solid #ddd;
}

.luxian,
.zhoubian {
    width: 91px;
    height: 31px;
    line-height: 31px;
    display: block;
    font-size: 0;
    text-align: center;
    background-color: #b9b9b9;
    cursor: pointer;
    margin-top: 43px;
    color: #fff;
}

.zhoubian {
    background-color: #ffb200;
    border: 0!important;
}

.luxian em,
.zhoubian em {
    font-size: 16px;
    padding-left: 8px;
    font-weight: 400;
}

.choice-box .current {
    background-color: #fff;
    color: #ffb200;
}

.choice-box a:hover {
    color: #ffb200;
}


/* 推荐顾问 */

.advisor-description .items {
    float: left;
    padding-right: 40px;
}

.advisor-description .items .iconfont {
    font-size: 21px;
    color: #fed243;
    position: relative;
    top: 1px;
    float: left;
}

.advisor-description .items .text {
    padding-left: 5px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.advisor-list {
    padding-top: 30px;
}

.advisor-list ul {
    margin-left: -26px;
    margin-bottom: 30px;
}

.advisor-list ul .items {
    display: block;
    margin-left: 26px;
    padding: 20px 0 20px 20px;
    width: 344px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    box-shadow: 0 0 15px 1px hsla(0, 0%, 58%, .15);
}

.advisor-list ul .photo {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #f7f7f7;
}

.advisor-list ul .photo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}

.name a {
    color: #333;
    font-size: 16px;
    font-weight: 700;
}

.advisor-list ul .detail-container .company {
    margin: 3px 0 0 5px;
    padding: 0 3px;
    line-height: 18px;
    color: #9aa2b0;
    background-color: #f3f3f3;
    border-radius: 2px;
}


/* 周边楼盘 */

#similarPrice {
    margin: 50px 0;
}

.ambitus_list {
    width: 1150px;
    height: 370px;
}

.cintainer .items {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    float: left;
    margin-left: 18px;
    width: 274px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cintainer .items:nth-of-type(1) {
    margin-left: 0;
}

.ambitus_list .ambitus_pic {
    position: relative;
    width: 100%;
    height: 268px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}


/* 名字 */

.ambitus_list .ambitus_name {
    border: 1px solid #f5f5f5;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
    padding: 20px 17px;
    color: #333;
}

.ambitus_list .ambitus_name .house_name {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}

.ambitus_list .ambitus_name .title-supplement {
    padding-left: 5px;
    color: #999;
    font-weight: 800;
}

.ambitus_name .price {
    display: flex;
    justify-content: start;
    align-items: center;
}

.ambitus_name .price .number {
    font-family: 900, "Microsoft YaHei", 微软雅黑;
    font-size: 22px;
    font-weight: 700;
}

.ambitus_name .price .unit {
    position: relative;
    top: 9px;
    margin-left: 3px;
    font-size: 14px;
}

.ambitus_name .promotion-sign {
    width: 52px;
    line-height: 26px;
    text-align: center;
    color: #999;
    border: 1px solid #eaeaea;
    background-color: #fff;
    margin-left: 83px;
}


/* 效果 */

.ambitus_list .items:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 40px -24px rgba(0, 0, 0, .1);
}


/* 免责声明 */

.disclaimer {
    padding-top: 40px;
    font-size: 14px;
    color: #999;
}


/* 结尾 */

#bottom {
    overflow: hidden;
    width: 100%;
    background: #1e1e1e;
    margin-top: 50px;
}

#bottom a:hover {
    text-decoration: underline;
}

.bottombx {
    width: 1150px;
    height: 588px;
    margin: 0 auto;
    background: url(../img/bgi-footer.png) no-repeat 50% 100%;
    background-size: 100% 20%;
}

.footer-text {
    margin: 42px 0 -42px;
    padding: 18px 0;
    line-height: 22px;
    color: #999;
    border-top: 1px solid #494949;
    font-size: 12px;
}

.footer-text .link {
    color: #999;
}

.regard {
    margin-top: 42px;
    padding: 10px 0;
    font-size: 0;
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.regardleft {
    width: 810px;
    padding-bottom: 8px;
    overflow: hidden;
}

.regardleft a {
    display: block;
    float: left;
    margin: 8px 20px 0 0;
    font-size: 12px;
    color: #fff;
}

.regardRight {
    width: 330px;
    height: 40px;
}

.regardRight img {
    width: 100%;
    height: 100%;
}

.bottomxxka {
    width: 100%;
    border-bottom: 1px solid #999;
}

.btControl {
    width: 100%;
    height: 115px;
    line-height: 115px;
}

.btControl a {
    background: #666666;
    color: #fff;
    font-size: 14px;
    padding: 10px 18px;
    margin-right: 12px;
}

#bottom .btControl a:hover {
    text-decoration: none;
}

.bottomxxka .items {
    margin-bottom: 20px;
}

.bottomxxka .items a {
    display: block;
    float: left;
    margin-right: 8px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    white-space: nowrap;
}


/* 检索 */

.retrieval {
    margin: 25px 0 0;
    line-height: 24px;
    color: #999;
}

.retrieval ul .botjs .items {
    margin: 0 1px;
    padding: 0 2px;
    font-size: 12px;
    color: #999
}

.botbera {
    margin-right: 10px;
}


/*侧边栏*/

#sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 44px;
    background: #fff;
    display: flex;
    z-index: 90;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .12);
    font-size: 12px;
}

.sidebarbx {
    position: absolute;
    top: 30%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 44px;
    height: 360px;
    align-items: center;
}

#sidebar .sidebarbx .items {
    position: relative;
    display: block;
}

.sidebarbx a {
    margin: 7px 0;
    display: flex;
    color: #000;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sidebarbx a:hover {
    color: #fff;
    background: #000;
}

.sidebarbx a:hover i,
.sidebarbx a:hover span {
    color: #fff;
}

.sidebarbx i {
    text-align: center;
    font-size: 21px;
    color: #232835;
    display: block;
}

.sidebarbx span {
    font-size: 13px;
}

#sidebar .sidebarbx .fhdb {
    margin-top: 190px;
    display: none;
}

#sidebar .sidebarbx .item-layer {
    position: absolute;
    top: 50%;
    right: 44px;
    bottom: auto;
    left: auto;
    z-index: 10;
    margin-top: -22px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: none;
}

#sidebar .sidebarbx .item-layer.app_text {
    top: 0;
}

#sidebar .sidebarbx a:hover .item-layer {
    display: block;
}

.sidebarbx .item-layer .arrow {
    position: absolute;
    top: 50%;
    right: -6px;
    bottom: auto;
    left: auto;
    z-index: 10;
    margin-top: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
}

.sidebarbx .item-layer #arrow {
    top: 40%;
}

a:hover .text {
    color: #232835;
}

.follow_box,
.qualification_box,
.app_box,
.fhdb {
    position: relative;
}

.follow_text,
.qualification_text,
.top_text {
    line-height: 40px;
    width: 100px;
    text-align: center;
}

.app_text .qrcode-app-show img {
    margin: 10px;
    margin-bottom: 5px;
}

.app_text .qrcode-app-show .text_app {
    text-align: center;
    margin-bottom: 5px;
}


/* 各种点击出现的页面 */


/* 城市切换 */

#cut_city_head {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -264px;
    margin-top: -214px;
    width: 528px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
    height: 428px;
    z-index: 100;
}

.dialog-overlay {
    display: none;
    filter: none;
    background-color: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.close .iconerror-1 {
    position: absolute;
    top: -20px;
    right: -10px;
    bottom: auto;
    left: auto;
    z-index: 1;
    width: 35px;
    height: 35px;
    overflow: hidden;
    background-position: -223px -5px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    line-height: 35px;
    color: #333;
}

.cutcity_title h3 {
    padding: 0 15px;
    line-height: 42px;
    font-size: 16px;
    color: #333;
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    border-radius: 5px 5px 0 0;
}

.cutcity_list .hot-city {
    padding: 25px 25px 10px;
}

.hot-city .title {
    position: relative;
    top: 1px;
    margin-right: 20px;
}

.hot-city .title .iconzan {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color: #ffb200;
    margin: 2px 2px 0 0;
}

.hot-city .title .text {
    font-size: 14px;
    font-weight: 700;
    color: #ffb200;
}

.hot-city-list .link {
    margin-right: 25px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.hot-city-list .link:hover,
.city-options-box .wrap a:hover {
    color: #ffb200;
}

.cutcity_list .city-options-box {
    padding: 0 25px 25px 30px;
}

.city-options-box .city-options {
    float: left;
    width: 50%;
}

.city-options li {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}

.city-options .letter-text {
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #666;
    text-align: center;
    border-radius: 50%;
    background-color: #efefef;
}

.city-options .wrap {
    float: left;
    margin: -3px 0 0;
    width: 208px;
    font-size: 0;
}

.city-options .wrap a {
    vertical-align: inherit;
    display: inline-block;
    margin: 0 0 3px 10px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    white-space: nowrap;
}

.city-options .wrap a.high-light {
    color: #ffb200;
}


/* 预约看房 */

.icons {
    line-height: 0;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../img/icon.png);
}

.takelook_head {
    width: 816px;
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 50px rgb(0 0 0 / 30%);
    margin-left: -408px;
    margin-top: -215px;
    z-index: 100;
}

.takelook_form {
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 300px;
    overflow: hidden;
    background: url(../img/bgc-checkhs-dialog.jpg)no-repeat;
}

.take-look-group {
    margin-top: 20px;
    position: relative;
}

.take-look-group .field {
    position: relative;
    width: 15px;
    margin-left: 35px;
    line-height: 34px;
    text-align: right;
    display: block;
    overflow: hidden;
}

.take-look-group .field em {
    color: #f70026;
    padding-right: 5px;
}

.take-look-group .field i {
    display: block;
    position: absolute;
    top: 50%;
    left: -10px;
    width: 10px;
    height: 9px;
    margin-top: -4.5px;
    background-position: -120px -159px;
    background-color: #fff;
}

.take-look-input {
    width: 424px;
    padding: 7px 0 8px;
    border-bottom: 1px solid #eee;
}

.take-look-input .field-text {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    background-color: transparent;
    color: #999;
    cursor: text;
    width: 424px;
    padding: 7px 0 8px;
}

.take-look-group.mb-vcode .mb-msg-code {
    position: absolute;
    top: auto;
    right: 42px;
    bottom: 10px;
    left: auto;
    z-index: 4;
    padding-left: 8px;
    width: 104px;
    line-height: 32px;
    border: 1px solid #eee;
    background-color: #fafafa;
    cursor: pointer;
    color: #999;
}


/* 看房日期 */

.take-look-group.checking-date {
    padding-left: 50px;
    margin-top: 15px;
}

.take-look-group.checking-date .field {
    float: none;
    text-align: left;
    width: auto;
    font-size: 14px;
    color: #999;
    margin-left: 0;
}

.checking-date-item .cur,
.checking-date-item .cur:hover {
    cursor: default;
    color: #ffb200;
    border-color: #ffb200;
}

.checking-date-item p {
    position: relative;
    width: 44px;
    height: 46px;
    text-align: center;
    margin-right: 8px;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: pointer;
    color: #666;
}

.checking-date-item .at-any-time.cur span {
    background-color: #fff;
    color: #ffb200;
    line-height: 46px;
}

.checking-date-item p i {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    background-position: -474px -105px;
}

.checking-date-item .at-any-time.cur i {
    display: block;
}

.checking-date-item p span {
    display: block;
    line-height: 20px;
    background-color: #eee;
}

.checking-date-item p b {
    line-height: 26px;
    font-size: 14px;
}

.checking-date-item.time .at-any-time {
    width: 44px;
}

.checking-date-item.time p {
    width: 84px;
}


/* 看房时间 */

.js-time {
    display: none;
}


/* 预约专车看房 */

.take-look-group .btn-mapp {
    padding-left: 132px;
    padding-top: 10px;
}

.take-look-group .btn-mapp a {
    width: 260px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    background-color: #ffb200;
    color: #fff;
    display: block;
    border-radius: 5px;
}

.btn-orange:hover {
    background-color: #fed243;
}

.take-look-side {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 300px;
}

.take-look-side .title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 22px;
}

.take-look-side .title .small {
    font-size: 18px;
    font-weight: 400;
}

.take-look-side .title .small b {
    font-size: 20px;
    position: relative;
    top: 1px;
}

.take-look-side .figure {
    height: 76px;
    padding: 0 12px;
    overflow: hidden;
}

.take-look-side .figure span {
    float: left;
    width: 33.3%;
    text-align: center;
}

.take-look-side .figure span i {
    margin: 0 auto;
    width: 32px;
    height: 32px;
}

.take-look-side .figure .real i {
    background-position: -98px -10px;
}

.take-look-side .figure .in-time i {
    background-position: -98px -54px;
}

.take-look-side .figure .secrecy i {
    background-position: -98px -110px;
}

.take-look-side .figure span em {
    display: block;
    font-size: 14px;
    line-height: 36px;
    color: #fff;
}